<style>
    .ui-autocomplete-loading { background: white url('/sispec/resources/css/custom-theme/images/ui-anim_basic_16x16.gif') right center no-repeat; }
</style>
<script type="text/javascript">
    $(function(){
        try {
            $("#principal_content_title").html("Gest&atilde;o");
            $("#consulta_nome_espaco").autocomplete({
                source: function( request, response ) {
                    $.ajax({
                        type: "POST",
                        url: "/sispec/controllers/EspacoCulturalController.php",
                        data: {
                            nome_espaco: request.term,
                            acao : 'consultar_nome',
                            tipo_listagem : 'json'
                        },
                        success: function( msg ) {
                            if (msg.indexOf("Exception: ") != -1) {
                                msg = msg.replace("Exception: ", "");
                                showMessage(ERROR_MESSAGE, msg);
                                return;
                            }
                            var data = $.evalJSON(msg);
                            response( $.map( data, function( item ) {
                                return {
                                    label: item.nome,
                                    value: item.nome
                                }
                            }));
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            reportCrash(XMLHttpRequest, textStatus, errorThrown);
                        }
                    });
                },
                minLength: 2,
                select: function(event, ui) {
                    try {
                        var nome_espaco = ui.item ? ui.item.label : "";
                        listarAndamentos(nome_espaco);
                        listarObservacoes(nome_espaco);
                    } catch(e) {
                        reportCrash(null, e.name, e.stack);
                    }
                }
            });
        } catch(e) {
            reportCrash(null, e.name, e.stack);
        }
    });
</script>
<br/>
<center>
    <div>
        <div style="margin-left: 10px">
            Espa&ccedil;o Cultural: <input id="consulta_nome_espaco" style="width: 500px">
        </div>
    </div>
    <br>
    <div id="gestao_espaco_andamento">
    </div>
    <div id="gestao_espaco_observacao">
    </div>
</center>
<br/>